<template>
    <!-- 目标：既传递参数，也要有事件对象  -->
    <!-- 使用特殊的 $event 变量 -->
    <button @click="warn('Form cannot be submitted yet.', $event)">
    Submit
    </button>

    <!-- 使用内联箭头函数 -->
    <button @click="(event) => warn('Form cannot be submitted yet.', event)">
    Submit
    </button>
</template>


<script setup>
import {ref, reactive} from 'vue'

function warn(message, event) {
    console.log(event);
    // 这里可以访问原生事件
    if (event) {
        // 取消事件的默认动作。
        event.preventDefault()
    }
    alert(message)
    }

</script>


